<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>沃店</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/app.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/index.css">
    <!--必要样式-->
    <style type="text/css">
        body {
            background-color: #EFEFEF;
        }

        .order {
            padding: 10px 0;
            margin-top: 10px;
        }

        .userinfo {
            background-color: #3A393E;
        }

        .userinfo img {
            width: 80px;
            height: 80px;
            border-radius: 100px;
            margin: 20px 10px;
        }

        .border_right {
            border-right: 1px #fff solid;
        }

        .meun {
            padding: 10px 10px;
            font-size: 16px;
            color: #333;
            background-color: #fff;
        }

        a {
            color: #000;
        }
    </style>
</head>

<body>

<div class="am-g userinfo">
    <div class="am-u-sm-4">
        <img src="${user.avatar}">
    </div>
    <div class="am-u-sm-8" style="padding: 30px 0;">
        <span style="color: #fff;">${user.nickname}</span>
        <br>
        <span style="color: #fff;font-size: 14px;">

            <c:forEach items="${user.userTypes}" var="type">
                <c:if test="${type==0}">
                    普通用户&nbsp;&nbsp;
                </c:if>
                <c:if test="${type==1}">
                    商家&nbsp;&nbsp;
                </c:if>
                <c:if test="${type==2}">
                    维修人员&nbsp;&nbsp;
                </c:if>
                <c:if test="${type==3}">
                    新装人员&nbsp;&nbsp;
                </c:if>
                <c:if test="${type==4}">
                    管理人员&nbsp;&nbsp;
                </c:if>
                <c:if test="${type==6}">
                    配送人员&nbsp;&nbsp;
                </c:if>
            </c:forEach>
            </span>
    </div>


</div>
<div class="am-g" style="color: #fff;font-size: 14px;background-color: #3A393E;">

    <div class="am-u-sm-6 border_right" align="center" 　style="padding-bottom: 10px;">
            <span>
                ${user.money}
            </span><br>
        <span>
                余额
            </span>
        <span style="margin-left: 10px;"><a style="color: white;"
                                            href="${pageContext.request.contextPath}/clientHome/goWithdrawal">提现</a> </span>
    </div>


    <div class="am-u-sm-6" align="center" style="padding-bottom: 10px;">
            <span>
                ${user.integral}
            </span><br>
        <span>
                积分
            </span>
    </div>
</div>
<div class="am-g ">
    <a href="${pageContext.request.contextPath}/clientHome/userorderlist">
        <div class="am-u-sm-12 meun" style="margin-bottom: 3px;">

            <span style="float: left;">相关订单</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>

        </div>
    </a>
    <a href="${pageContext.request.contextPath}/clientHome/goGoodsOrderList">
        <div class="am-u-sm-12 meun" style="margin-bottom: 3px;">

            <span style="float: left;">商品订单</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>

        </div>
    </a>

    <a href="${pageContext.request.contextPath}/clientHome/goRechargeList">
        <div class="am-u-sm-12 meun" style="margin-bottom: 3px;">

            <span style="float: left;">话费/流量充值记录</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>

        </div>
    </a>

    <a href="${pageContext.request.contextPath}/clientHome/goIntegralShop">
        <div class="am-u-sm-12 meun" style="margin-bottom: 3px;">

            <span style="float: left;">积分商城</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>

        </div>
    </a>

    <a href="${pageContext.request.contextPath}/clientHome/goWithdrawalList">
        <div class="am-u-sm-12 meun" style="margin-bottom: 3px;">
            <span style="float: left;">提现记录</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>

        </div>
    </a>

    <c:forEach items="${user.userTypes}" var="type">

        <c:if test="${type==3}">
            <a href="${pageContext.request.contextPath}/clientHome/goStaffNewOrderList">
                <div class="am-u-sm-12 meun">

                    <span style="float: left;">新装管理</span>
                    <span style="float: right;"><i class="am-header-icon am-icon-chevron-right"
                                                   style="color: #ccc"></i></span>

                </div>
            </a>
            <hr class="clearpadding clearmargin am-u-sm-12" style="">
        </c:if>
        <c:if test="${type==2}">
            <a href="${pageContext.request.contextPath}/clientHome/goStaffFixOrderList">
                <div class="am-u-sm-12 meun">

                    <span style="float: left;">维修管理</span>
                    <span style="float: right;"><i class="am-header-icon am-icon-chevron-right"
                                                   style="color: #ccc"></i></span>

                </div>
            </a>
            <hr class="clearpadding clearmargin am-u-sm-12">
        </c:if>

        <c:if test="${type==6}">
            <a href="${pageContext.request.contextPath}/clientHome/goStaffChangeCardList">
                <div class="am-u-sm-12 meun">

                    <span style="float: left;">配送管理</span>
                    <span style="float: right;"><i class="am-header-icon am-icon-chevron-right"
                                                   style="color: #ccc"></i></span>

                </div>
            </a>
            <hr class="clearpadding clearmargin am-u-sm-12">
        </c:if>

        <c:if test="${type==4}">
            <a href="${pageContext.request.contextPath}/clientHome/goHallManage">
                <div class="am-u-sm-12 meun" style="margin-bottom: 3px;">

                    <span style="float: left;">营业厅管理</span>
                    <span style="float: right;"><i class="am-header-icon am-icon-chevron-right"
                                                   style="color: #ccc"></i></span>

                </div>
            </a>
        </c:if>
    </c:forEach>

    <%--    <div class="am-u-sm-12 meun">
            <span style="float: left;">积分商城</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>
        </div>--%>
    <hr class="clearpadding clearmargin am-u-sm-12" style="">
    <a href="${pageContext.request.contextPath}/clientUserShop/goShop">
        <div class="am-u-sm-12 meun">
            <span style="float: left;">店铺管理</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>
        </div>
    </a>

    <hr class="clearpadding clearmargin am-u-sm-12" style="">
    <a href="${pageContext.request.contextPath}/clientHome/goAddress">
        <div class="am-u-sm-12 meun">
            <span style="float: left;">我的收货地址</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>
        </div>
    </a>
    <hr class="clearpadding clearmargin am-u-sm-12" style="">

    <a href="${pageContext.request.contextPath}/clientHome/goQrcode">
        <div class="am-u-sm-12 meun">
            <span style="float: left;">我的二维码</span>
            <span style="float: right;"><i class="am-header-icon am-icon-chevron-right" style="color: #ccc"></i></span>
        </div>
    </a>
    <hr class="clearpadding clearmargin am-u-sm-12" style="">
</div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="${pageContext.request.contextPath}/clientHome/index" class="">
                <span class="am-icon-home"></span>
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/clientHome/goShopList" class="">
                <span class="am-icon-shopping-bag"></span>
                <span class="am-navbar-label">商店</span>
            </a>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/clientHome/goIntegralShop" class="">
                <span class="am-icon-shopping-cart"></span>
                <span class="am-navbar-label">积分商城</span>
            </a>
        </li>
        <li class="active">
            <a href="#">
                <span class="am-icon-user"></span>
                <span class="am-navbar-label">我的</span>
            </a>
        </li>

    </ul>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/amazeui.min.js"></script>
<script type="text/javascript">
</script>
</body>

</html>
